﻿

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>修改图标</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
</head>
<body>
    <div class="layui-form" lay-filter="layuiadmin-form-useradmin" id="layuiadmin-form-useradmin" style="padding: 20px 0 0 0;">
        <div class="layui-form-item">
            <label class="layui-form-label">类型</label>
            <div class="layui-input-inline">
                <select name="sel_type" id="sel_type" lay-filter="LAY-user-adminrole-type"></select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">名称</label>
            <div class="layui-input-inline">
                <input type="text" name="txt_name" id="txt_name" placeholder="请输入名称" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">编码</label>
            <div class="layui-input-inline">
                <input type="text" name="txt_bm" id="txt_bm" placeholder="请输入编码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-inline">
                <input type="text" name="txt_xh" id="txt_xh" onblur="check_zzs(this)"  placeholder="请输入排序" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">图片</label>
            <div class="layui-input-inline">
                <input type="text" name="avatar" id="imgurl" lay-verify="required" placeholder="请上传图片" autocomplete="off" class="layui-input">
            </div>
            <button style="float: left;" type="button" class="layui-btn" id="layuiadmin-upload-useradmin">上传图片</button>
        </div>
        <div class="layui-form-item" lay-filter="sex">
            <label class="layui-form-label">是否可用</label>
            <div class="layui-input-block">
                <input type="checkbox" id="isactive" checked="" name="open" lay-skin="switch" lay-filter="component-form-switchTest" lay-text="可用|禁用">
            </div>
        </div>
        <div style="padding-bottom: 10px;text-align:center">
            <button class="layui-btn layuiadmin-btn-useradmin" data-type="add" id="LAY-user-front-submit">确认</button>
        </div>
    </div>

    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/js/jquery.min2.1.4.js"></script>
    <script src="../../../layuiadmin/js/jshelp.js"></script>
    <script>
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(decodeURI(r[2])); return null; //返回参数值
        }
        var editid = getUrlParam('editid');
     

        layui.config({
            base: '../../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'form', 'upload'], function () {
            var $ = layui.$
                , form = layui.form
                , upload = layui.upload;
            //加载类型选项
            $.ajax({
                type: "post",
                url: "ashx/list.ashx?type=getselect",
                dataType: "json",
                success: function (data) {
                    var html = '';
                    html += "<option value=''>请选择数据</option>";
                    if (data.data.length == 0) {
                        $("#sel_type").empty().append(html);
                    } else {
                        for (var i = 0; i < data.data.length; i++) {
                            html += "<option value='" + data.data[i].id + "'>" + data.data[i].typename + "</option>"
                        }
                        $("#sel_type").empty().append(html);
                    }
                    form.render();
                },
                error: function (data) {
                    layer.error(data);
                }
            });
            //加载修改信息
            $.ajax({
                url: 'ashx/list.ashx?type=getlist_byid&editid=' + editid,
                type: 'GET',
                success: function (data) {
                    var str = "";
                    for (var i = 0; i < data.data.length; i++) {
                        $("#sel_type option:selected").empty(); //获得要赋值的select的id，进行内容清空
                        $("#sel_type").val(data.data[0].typeid);
                        form.render("select");//最终的赋值
                        $("#txt_name").val(data.data[i].name);
                        $("#txt_bm").val(data.data[i].describe);
                        $("#txt_xh").val(data.data[i].xh);
                        $("#imgurl").val(data.data[i].imgurl);

                        if (data.data[i].isactive == 'Y') {
                            $("#isactive").attr("checked", "checked");
                            $("#isactive").attr("value", '可用');
                        }
                        else {
                            $("#isactive").removeAttr("checked");
                            var x = document.getElementsByClassName("layui-unselect layui-form-switch layui-form-onswitch");
                            x[0].setAttribute("class", "layui-unselect layui-form-switch");
                            var d = document.getElementsByTagName('em')[0];
                            d.firstChild.nodeValue = '禁用';
                        }

                    }

                }
            })

            //创建上传组件
            upload.render({
                elem: '#layuiadmin-upload-useradmin',
                url: '../../../ashx/upload_img.ashx',
                dataType: "json",
                accept: 'images', //允许上传的文件类型
                acceptMime: 'image/*',
                size: 1000, //最大允许上传的文件大小,
                data: function () {
                    //请求上传接口的额外参数
                },
                done: function (res) {
                    if (res.code === "100") {
                        layer.msg(res.msg);
                        //$(this.item).prev("div").children("input").val(res.url)
                        $("#imgurl").val(res.url);
                    } else {
                        layer.msg(res.msg);
                    }
                },
                error: function () {
                    layer.msg("请求异常！");
                }
            });
            //提交
            $("#LAY-user-front-submit").on('click', function () {
                var lx = $("select[name='sel_type']").val();
                var txt_name = $("#txt_name").val();
                var txt_bm = $("#txt_bm").val();
                var imgurl = $("#imgurl").val();
                var txt_xh = $("#txt_xh").val();
                var isactive = $("#isactive").prop("checked");

                if (lx == "" || lx == null || lx == undefined) {
                    layer.msg('请选择类型', { icon: 5 });
                    return;
                }
                if (txt_name == "" || txt_name == null || txt_name == undefined) {
                    layer.msg('请填写名称', { icon: 5 });
                    return;
                }
                if (imgurl == "" || imgurl == null || imgurl == undefined) {
                    layer.msg('请上传图片', { icon: 5 });
                    return;
                }
                var arr = new Array();
                if (txt_name != "") {
                    var add = {
                        "id": editid,
                        "lx": lx,
                        "txt_name": txt_name,
                        "txt_bm": txt_bm,
                        "txt_xh": txt_xh,
                        "imgurl": imgurl,
                        "isactive": isactive
                    };
                    arr.push(add);
                    $.ajax({
                        url: 'ashx/list.ashx?type=edit',
                        type: "post",
                        contentType: "application/json",
                        dataType: "json",
                        data: JSON.stringify({ 'LoadData_type': arr }),
                        success: function (res) {
                            var index = parent.layer.getFrameIndex(window.name);
                            if (res.flag == "True") {
                                layer.msg(res.remsg, {
                                    time: 2000,
                                    end: function () {
                                        parent.layer.close(index);
                                        window.parent.location.reload();
                                    }
                                })
                            }
                            else {
                                layer.alert(res.remsg);
                            }
                        }
                    })
                }
            });
        })
    </script>
</body>
</html>